<template>
  <view class="page flex-col">
    <view class="mod1 flex-col">
      <view class="group1 flex-col">
        <view class="bd1 flex-col"></view>
        <view class="bd2 flex-col">
          <view class="box1 flex-row">
            <view class="layer1 flex-col">
              <view class="mod2 flex-row">
                <text class="txt1">艺术IP</text>
                <text class="info1">商业IP</text>
                <view class="layer2 flex-col"></view>
              </view>
              <view class="mod3 flex-row justify-between">
                <view class="box2 flex-col">
                  <text class="word1">热度</text>
                </view>
                <view class="box3 flex-col">
                  <text class="word2">最新</text>
                </view>
                <view class="box4 flex-col">
                  <text class="txt2">关注</text>
                </view>
                <view class="box5 flex-col">
                  <text class="word3">虚拟人</text>
                </view>
                <view class="box6 flex-col">
                  <text class="word4">卡通</text>
                </view>
              </view>
              <view class="mod4 flex-row">
                <view class="section1 flex-col">
                  <view class="bd3 flex-col"></view>
                </view>
              </view>
              <view class="mod5 flex-row">
                <view class="layer3 flex-col">
                  <text class="txt3">#虚拟人</text>
                </view>
              </view>
              <view class="mod6 flex-row">
                <text class="word5">虚拟人RAW</text>
              </view>
              <view class="mod7 flex-row justify-between">
                <view class="bd4">
                  <text class="txt4">￥</text>
                  <text class="word6">599</text>
                </view>
                <view class="ImageText1 flex-row justify-between">
                  <view class="outer1 flex-col"></view>
                  <view class="TextGroup1 flex-col">
                    <text class="txt5">378</text>
                  </view>
                </view>
              </view>
              <text class="txt6">9:41</text>
              <view class="mod8 flex-col"></view>
              <view class="mod9 flex-col"></view>
              <view class="mod10 flex-col"></view>
              <view class="mod11 flex-col"><text class="txt7">品牌</text></view>
              <view class="mod12 flex-col"></view>
              <view class="mod13 flex-col"></view>
            </view>
            <view class="layer4 flex-col">
              <view class="outer2 flex-row">
                <view class="bd5 flex-col"></view>
                <view class="bd6 flex-col"></view>
                <view class="bd7 flex-col"></view>
                <view class="bd8 flex-col"></view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
